<!--复习单词界面-->
<template>
  <div id="main"  class="jianju">
    <el-row class="el-row">
      <el-col :span="24" class="juzhong ">
        <p style="font-size:50px;font-family: Hiragino Sans GB;color: #d3dce6">请选择您的复习方式</p>
      </el-col>
    </el-row>

    <div style="padding:20px">
      <el-row class="el-row">

        <el-col :span="8" class="juzhong">
          <el-button style="width:50%;margin-bottom:15px;" round plain @click="lunbo">轮播图复习</el-button>
        </el-col>

        <el-col :span="8"  class="juzhong">
          <el-button style="width:50%;margin-bottom:25px;" round plain @click="reviewChineseToEnglish">中译英复习</el-button>
        </el-col>

        <el-col :span="8"  class="juzhong">
          <el-button style="width:50%;margin-bottom:25px;" round plain @click="reviewEnglishToChinese">英译中复习</el-button>
        </el-col>

      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "ReciteWord",
  methods:{
    lunbo(){
      this.$router.push('/CarouseRecite')
    },
    reviewChineseToEnglish(){
      this.$router.push('/ReviewChineseToEnglish')
    },
    reviewEnglishToChinese(){
      this.$router.push('/ReviewEnglishToChinese')
    }
  }
}
</script>

<style scoped>
.juzhong{
  text-align: center;
}
.jianju{
  margin-bottom: 20px;
}

#main{
  margin:10px;
  padding:150px;
  background-image: url('../../static/image/background.jpg');
  background-size: cover ;
  height: 576px ;
}

</style>
